<template>
  <div>
    <h1 class="logo">cnodejs API test</h1>
    <ul class="list">
      <li v-for="item in lists" v-text="item.title"></li>
    </ul>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        lists: []
      }
    },
    created () {
      // 组件创建完成后获取数据
      this.getData()
    },
    methods: {
      getData: function (params) {
        var v = this
        if (!params) params = {}
        // 我们这里用全局绑定的 $api 方法来获取数据，方便吧~
        v.$api.get('topics', params, function (r) {
          v.lists = r.data
        })
      }
    }
  }
</script>
